<template>
  <div class="case-detail-container">
    <div class="sec-01 sec-01-hzcr" v-if="$route.params.name == 'hzcr'"></div>
    <div class="sec-01 sec-01-fjcl" v-if="$route.params.name == 'fjcl'"></div>
    <div class="sec-01 sec-01-zjzz" v-if="$route.params.name == 'zjzz'"></div>
    <div class="sec-02">
      <div class="sec-02-title">
        {{article.title}}
        <div class="back" @click="goBack">《 返回</div>
      </div>
      <div class="sec-02-content">
        <p class="sec-02-content__div1">{{article.content.p1}}</p>
        <div class="sec-02-content__div2">
          <img :src="article.content.img">
          <p>{{article.content.p2}}</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
	export default {
    layout: 'layout',
    data () {
      return {
        article: {
          title: '',
          content: {
            p1: '',
            img: '',
            p2: ''
          }
        }
      }
    },
    mounted () {
      let name = this.$route.params.name
      this.getCaseDetailByName(name)
    },
    methods: {
      goBack () {
        this.$router.push('/case')
      },

      getCaseDetailByName (name) {
        console.log(name)
        if (name == 'hzcr') {
          this.article = {
            title: '平台为晨瑞汽车提供整套服务体系',
            content: {
              p1: '杭州晨瑞汽车服务有限公司，总部位于杭州拱墅区石祥路688号。是一家集销售、租赁、运维为一体的新能源汽车\n' +
                '服务平台，创新打造绿色协同运输新模式，借助互联网+汽车的模式，用低碳环保的方式解决人、物、交通的最后\n' +
                '一公里问题。目前在浙江与福建两省拥有50家经销商网点，年内将扩展到一百家的规模。通过市场的区域化与网点\n' +
                '化管理运营，将新能源汽车普及到更多普通用户手中。',
              img: require('~/static/case-hzcr.png'),
              p2: '杭州晨瑞汽车服务有限公司运用了享来享去一系列服务平\n' +
                '台，搭建了主机厂，运营商，用户三者的桥梁，简化交易\n' +
                '流程，降低了整个链条发生交易的成本。将用户在线化，\n' +
                '从而放大三者的数据价值。杭州晨瑞汽车服务有限公司作\n' +
                '为平台的使用者，仅仅用了4名内勤就管控公司几千台车\n' +
                '辆，无论是金融、销售订单、库存，还是近50家网点的管\n' +
                '理都做到一目了然。业务层面不仅有“橙配”作为同城配\n' +
                '运营商，也能通过分时租赁、以租代购等不同模式满足各\n' +
                '类用户对于车辆的使用需求。技术驱动科学管理、催生多\n' +
                '模式运营，让晨瑞成为开瑞新能源全国战略合作伙伴的典\n' +
                '范。享来享去定位为新能源商用车服务平台，正在快速释\n' +
                '放自己的能力，为更多的新能源运营商赋能，加快整个行\n' +
                '业的发展。'
            }
          }
        } else if (name == 'zjzz') {
          this.article = {
            title: '众卓采用内部管理系统和橙配',
            content: {
              p1: '浙江众卓新能源科技有限公司是专注于专业服务行业的公司，主要经营锂电池技术的开发与研究;充电桩的开发、\n' +
                '          建设、维护与技术咨询;汽车销售与租赁;汽车零配件生产与销售。以规范、专业、创新、共赢的经营理念，高效贴\n' +
                '          心的服务，团结协作、敬业负责、服务奉献、求实进取的企业精神，始终贯彻以追求合作伙伴最大利益为目标，竭\n' +
                '          诚为合作伙伴提供最大程度的保障。',
              img: require('~/static/case-zjzz.png'),
              p2: '浙江众卓新能源科技有限公司运用了享来享去的内部管理\n' +
                '            系统和橙配服务平台搭建了主机厂，运营商，用户三者的\n' +
                '            桥梁，简化交易流程，降低了整个链条发生交易的成本。\n' +
                '            将用户在线化，从而放大三者的数据价值。浙江众卓新能\n' +
                '            源科技有限公司作为平台的使用者，无论是金融、销售订\n' +
                '            单、库存，还是对旗下二级网点的管理都做到一目了然。\n' +
                '            业务层面不仅有“橙配”作为同城配运营商，也能通过分\n' +
                '            时租赁、以租代购等不同模式满足各类用户对于车辆的使\n' +
                '            用需求。不得不承认，新能源汽车以其环保、经济等优势，\n' +
                '            已经越来越多的应用在人们生活中。'
            }
          }
        } else if (name == 'fjcl') {
          this.article = {
            title: '租赁与内部管理系统大受青睐',
            content: {
              p1: '福建传隆新能源科技有限公司主要经营新能源技术的开发与研究；充电桩的开发、建设、维护与技术咨询；汽车销\n' +
                '售与租赁；汽车零配件生产、销售。有好的产品和专业的销售和技术团队，属于新能源公司行业，运用了享来享去\n' +
                '的内部管理系统，全方位对整个公司进行管理，取得了一系列成果，在发展壮大的2年里，始终为客户提供好的产\n' +
                '品和技术支持、健全的售后服务，成为行业的杰出代表。',
              img: require('~/static/case-fjcl.png'),
              p2: '福建传隆新能源科技有限公司运用了享来享去的内部管理\n' +
                '系统搭建了主机厂，运营商，用户三者的桥梁，简化交易\n' +
                '流程，降低了整个链条发生交易的成本。将用户在线化，\n' +
                '从而放大三者的数据价值。享来享去内部管理系统能够帮\n' +
                '助企业管理者们提高工作效率，而不是增加他们的负担。\n' +
                '没有复杂的流程。重视系统功能的全面性，流程的可控性，\n' +
                '技术的先进性，更要注重系统的易用性。福建传隆新能源\n' +
                '科技有限公司作为平台的使用者，无论是金融、销售订单、\n' +
                '库存，还是对旗下二级网点的管理都做到一目了然。通过\n' +
                '管理系统，可以把企业优秀人员管理客户的流程整理出来，\n' +
                '通过系统来优化到系统流程中，从而可以使得每个人员能\n' +
                '够最好的发挥价值。'
            }
          }
        }
      }
    }
	}
</script>

<style lang="scss" scoped>
.case-detail-container {
  .sec-01 {
    width: 100%;
    height: 600px;

    &.sec-01-hzcr {
      background: url("../../../assets/img/case/case-hzcr-sec-01.png") no-repeat center center;
      background-size: cover;
    }
    &.sec-01-zjzz {
      background: url("../../../assets/img/case/case-zjzz-sec-01.png") no-repeat center center;
      background-size: cover;
    }
    &.sec-01-fjcl {
      background: url("../../../assets/img/case/case-fjcl-sec-01.png") no-repeat center center;
      background-size: cover;
    }
  }

  .sec-02 {
    width: 1200px;
    padding: 0 10px;
    text-align: center;
    margin: 40px auto;
    .sec-02-title {
      font-size: 26px;
      color: rgb(0, 0, 0);
      font-weight: 500;
      padding: 30px 0;
      position: relative;
      .back {
        position: absolute;
        top: 0;
        left: -10px;
        font-size: 16px;
        color: rgb(255, 138, 1);
        cursor: pointer;
      }
    }
    .sec-02-content {
      font-size: 18px;
      line-height: 30px;
      color: rgb(0, 0, 0);
      text-align: left;
      .sec-02-content__div2 {
        margin-top: 20px;
        overflow: hidden;
        img {
          width: 400px;
          float: left;
        }
        p {
          width: calc(100% - 420px);
          margin-left: 20px;
          float: left;
        }
      }
    }
  }
}
</style>
